html.fp-enabled,.fp-enabled body { margin: 0; padding: 0; overflow:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#superContainer {height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
.fp-section {position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fp-slide {float: left;}
.fp-slide, .fp-slidesContainer {height: 100%;display: block;}
.fp-slides {z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table{display: table;table-layout:fixed;width: 100%;}
.fp-tableCell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.fp-slidesContainer{float: left;position: relative;}
.fp-controlArrow{position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.fp-controlArrow.fp-prev{left: 15px;width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next{right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.fp-scrollable{overflow: scroll;}
.fp-notransition{-webkit-transition: none !important;transition: none !important;}
#fp-nav{position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0);}
#fp-nav.right{right:20px;}
#fp-nav ul{ width:45px; float:left;}
#fp-nav ul li{ width:45px; height:45px; position:relative; float:left}
#fp-nav ul li a{ position:absolute; left:0px; top:0px; float:left; width:100%; height:100%; transition:all 0.3s ease-out 0s;}
#fp-nav ul li a.active{ background:url(../image/nav-1.png) center no-repeat; background-size:cover;}
#fp-nav ul li a:hover{  background:url(../image/nav-1.png) center no-repeat; background-size:cover;}
#fp-nav ul li a span{ position:absolute; left:0px; top:0px; float:left; width:100%; height:100%; background:url(../image/nav-2.png) center no-repeat; background-size:cover; }

#fp-nav ul li .fp-tooltip{position: absolute;top:0px;color: #fff;font-size: 12px;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1; line-height:45px;}
#fp-nav ul li .fp-tooltip.right{right:50px;}
#fp-nav ul li .fp-tooltip.left{left: 32px;}

.fp-slidesNav{position: absolute;z-index: 4; left:0%;opacity: 1; bottom:50px; width:100%; padding:0 8%;}
.fp-slidesNav.bottom{bottom: 17px;}
.fp-slidesNav.top{top: 17px;}
.fp-slidesNav ul{ width:100%;}
.fp-slidesNav ul li{ width:60px; display:inline-block; margin-right:20px;}
.fp-slidesNav ul li a{display: block; width:100%; height:4px; border:1px solid #fff; transition:all 0.3s ease-out 0s;}
.fp-slidesNav ul li a span{ display:none;}

.fp-slidesNav ul li a.active{ background:#00706b; border:1px solid #00706b;}
.fp-slidesNav ul li a:hover{background:#00706b; border:1px solid #00706b;}

@keyframes shake {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes shake {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@keyframes myanimate
{
0% { transform:translateY(0);}
100%{transform:translateY(15px);}
}
@-webkit-keyframes myanimate
{
0% { transform:translateY(0);}
100%{transform:translateY(15px);}
}